/*
reset style
*/
html{font-size:100%;height:100%;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,p {margin:0;}
body{height:100%;min-height: 100%;}
body,input{font-family:"Microsoft Yahei","微软雅黑", Tahoma, Arial, STHeiti, sans-serif;}
ul,ol {padding:0;list-style-type:none;}
input,textarea,a,button {outline:none; font-size: 1em;}
input::-moz-focus-inner {border:0;}
body {background:#fff;}
table{border-collapse:collapse;border-spacing:0;}
textarea,button {border:0 none;background:#fff;}
em,var {font-style:normal;}
a img {border:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.fix:after {content:' ';display:table;clear:both;visibility:hidden;height:0px;}
.fix {zoom:1;}
.clear{clear:both; height: 0;}
.fR {float:right;}
.fL {float:left;}
.wrap{padding:0 3%;}

/*
    挂件
*/
.row{overflow: hidden}
.row [class*="sp"] {
    float: left;
    min-height: 20px;
    margin-left:1.364102564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row [class*="sp"]:first-child {
    margin-left:0
}
.row .sp12{
    width:100%;
    *width:99.94680851063829%
}
.row .sp11 {
    width:91.45299145299145%;
    *width:91.39979996362975%
}
.row .sp10 {
    width:82.90598290598291%;
    *width:82.8527914166212%
}
.row .sp9 {
    width:74.35897435897436%;
    *width:74.30578286961266%
}
.row .sp8 {
    width:65.81196581196582%;
    *width:65.75877432260411%
}
.row .sp7 {
    width:57.26495726495726%;
    *width:57.21176577559556%
}
.row .sp6 {
    width:49.217948717948715%;
    *width:49.164757228587014%
}
.row .sp5 {
    width:40.17094017094017%;
    *width:40.11774868157847%
}
.row .sp4 {
    width:31.623931623931625%;
    *width:31.370740134569924%
}
.row .sp3 {
    width:23.076923076923077%;
    *width:23.023731587561375%
}
.row .sp2 {
    width:14.32991452991453%;
    *width:14.476723040552828%
}
.row .sp1 {
    width:5.982905982905983%;
    *width:5.929714493544281%
}

.widgetBox{
    margin-bottom: 16px;
    border: 1px solid #d7d8dd;
    background:#ffffff;
}
.wdtTit{
    height:40px;
    color: #666666;
    background: #ebf1f4;
}
.wdtName{
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    color: #217db7;
    padding: 12px 14px;
}
.wdtMoreBox{float:right; width:60px;}
.wdtMore{ position: relative; display: block; width:24px; height: 24px; margin:8px 12px 0 0; font-size: 12px; line-height: 24px; border-radius: 12px; background: #d4e1e7; overflow: hidden;
    -o-transition:width 0.5s ease 0s;
    -moz-transition:width 0.5s ease 0s;
    -webkit-transition:width 0.5s ease 0s;
    -ms-transition:width 0.5s ease 0s;
    transition:width 0.5s ease 0s;
}
.wdtMoreName{position:absolute; right: 0; top:0; width: 60px; padding-right: 8px; text-align: right; color: #64a1c7;}
.wdtMoreName i{margin:0 1px 0 5px; font-style: normal; font-family: "宋体"}
.wdtMore:hover{width: 60px;}
.wdtMore:hover .wdtMoreName{color: #ffffff; background: #8ecdea;}
.wdtCt{padding: 15px; background: #ffffff;}

